﻿@{
    ViewBag.Title = "testCarousel";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section Head{
    <style type="text/css">
        body
        {
            padding: 10px;
        }
    </style>
}
<div class="bs-docs-example">
    <div id="myCarousel" class="carousel slide" style="width: 830px;">
        <div class="carousel-inner">
            <div class="item active">
                <img src="@Url.Content("~/Content/img/bootstrap-slide-01.jpg")" alt="">
                <div class="carousel-caption">
                    <h4>
                        First Thumbnail label</h4>
                    <p>
                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi
                        porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                </div>
            </div>
            <div class="item">
                <img src="@Url.Content("~/Content/img/bootstrap-slide-02.jpg")" alt="">
                <div class="carousel-caption">
                    <h4>
                        Second Thumbnail label</h4>
                    <p>
                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi
                        porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                </div>
            </div>
            <div class="item">
                <img src="@Url.Content("~/Content/img/bootstrap-slide-03.jpg")" alt="">
                <div class="carousel-caption">
                    <h4>
                        Third Thumbnail label</h4>
                    <p>
                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi
                        porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                </div>
            </div>
        </div>
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> <a class="right carousel-control"
            href="#myCarousel" data-slide="next">›</a>
    </div>
</div>
<br />
<p style="height: 1000px;">
</p>
